<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>多媒体标签</title>
</head>
<body>

<h1>多媒体标签</h1>
<hr>
html5已经废弃
<del>CENTER</del>
标签<br>
<img src="http://img.simoniu.com/html5%E7%AE%80%E4%BB%8B001.jpg" title="提示HTML5" alt="HTML_logo"/><br>
<video src="http://media.simoniu.com/test.mp4" controls autoplay width="400px" type="video/mp4"></video>
<br>
<audio src="http://media.simoniu.com/Applause.mp3" controls autoplay type="audio/mp3"></audio>
<br>

<!--使用embed播放flash插件-->
<object>
    <embed src="http://media.simoniu.com/legend.swf"/>
</object>
<br>
<p>不要忘记学习
    <mark>HTML5</mark>
    哦！
</p>

<!--使用canvas标签绘制一个红色的矩形-->
<canvas id="myCanvas" width="200" height="100"></canvas>
<br>
<!--显示50%的进度条-->
<progress value="50" max="100"></progress>
<br>

<p>
    我在
    <time datetime="2008-02-14">情人节</time>
    有个约会。
</p>

<script>
    var c = document.getElementById("myCanvas");

    var ctx = c.getContext("2d");

    ctx.fillStyle = "#FF0000";

    ctx.fillRect(0, 0, 150, 75);
</script>
</body>
</html>
